<template>
  <view class="u-padding-left-32 u-padding-right-32 u-margin-top-58" :class="currentTheme">
    <a-nabbar name="设置支付密码"/>
    <view class="pay text-white ">

      <view class="money" id="password">
        <view class="u-flex payname u-row-between">
          <view class="text-white u-font-34 ">支付密码：</view>
          <view class="u-margin-top-32 u-position-relative">
            <u-input :border="false" input-align="right" type="number" :clearable="false" placeholder="请输入支付密码"
                     placeholder-style="color:#B0B2D8"/>
          </view>
        </view>
        <view class="input"></view>
        <view class="u-flex payname u-row-between">
          <view class="text-white u-font-34 ">确认密码：</view>
          <view class="u-margin-top-32 u-position-relative">
            <u-input :border="false" input-align="right" type="number" :clearable="false" placeholder="请再次确认支付密码"
                     placeholder-style="color:#B0B2D8"/>
          </view>
        </view>
      </view>
    </view>
	<fixed-team btnText="确定" @btnClick="submitPay"></fixed-team>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    submitPay() {
      this.$u.route({
        url: '/pagesB/wallet/wallet'
      })
    },
  }
};
</script>

<style lang="scss">
#password .u-flex .u-input {
  background: #1f1b34;
  margin-right: 48rpx;
  height: 100rpx;
}
</style>
<style scoped lang="scss">
.money {
  width: 100%;
  height: 201rpx;
  background: #1F1B34;
  border-radius: 26rpx;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 48rpx;
  .payname {
    height: 100rpx;
  }
  .input {
    height: 1px;
    background: #FFFFFF;
    opacity: 0.1;
    width: 100%;
  }
}
</style>